@import "../../static/layout/base.less";

.page-bankcard{
  .block{
    padding:15px;

    .my-banks{
      li{
        float: left;
        overflow: hidden;
        .bank-type{
          height: 40px;
          line-height: 40px;
          border-bottom:1px solid #dddddd;
          padding-left:40px;
          background: url(./image/card.png) no-repeat 10px center;
          font-weight: 700;
        }
        .bank-number{
          height: 50px;
          line-height: 50px;
          padding-left:30px;

        }
        .btn-del{
          background: url(./image/del.png) no-repeat center center;
        }
      }
    }
    .bank-block{
      width: 230px;
      border:1px dashed #dddddd;
      height: 150px;
      .border-radius(5px);
      margin:8px;
      background: #f1f1f1;
      position: relative;
      .button{
        position: absolute;
        width: 40px;
        height: 40px;
        bottom:10px;
        right: 10px;
        cursor: pointer;
        .border-radius(20px);
      }
      .button:hover{
        box-shadow: 0 0 5px #d1d1d1;
      }
    }
    .bank-block:hover{
      box-shadow: 3px 3px 5px #dddddd;
    }

    .add-bank{
      .btn-add{;
        background: url(./image/add.png) no-repeat center center;
      }

      .bank-list{
        border:1px solid #d8d8d8;
        position: absolute;
        width:205px;
        left:10px;
        top:20px;
        .border-radius(2px);
        background: #fff;
        cursor: pointer;
        .self{
          height: 18px;
          line-height: 18px;
          margin:5px 3px;
          padding-left:10px;
          font-size:13px;
          background: transparent url(./image/arrow-down.png) no-repeat right center;
        }
        .drop-menu{
          max-height: 200px;
          overflow-y: auto;
          display: none;
          position: absolute;
          top:30px;
          width:205px;
          border:1px solid #d8d8d8;
          .border-radius(2px);
          z-index: 9;
          background: #fff;
          box-shadow: 2px 2px 2px #d8d8d8;
          ul{

            li{
              height: 30px;
              line-height: 30px;
              padding-left:10px;
//              border-bottom:1px solid #ebebeb;
              font-size:13px;
            }
            li:hover{
              background: #08d6f8;
              color:#fff;

            }
          }
        }

      }

      input{
        border:1px solid #d8d8d8;
        position: absolute;
        width:200px;
        left:10px;
        top:60px;
        padding:5px 3px;
        .border-radius(2px);
      }
    }
  }
}